<template>
  <div class="content-panel" :style="{ borderTop: showTopBorder ? '1px solid #ccc' : 'none' }">
    <div class="content-inner">
      <slot></slot>
    </div>
  </div>
</template>

<script setup lang="ts">
defineProps({
  showTopBorder: {
    type: Boolean,
    default: false
  }
})
</script>

<style scoped lang="scss">
.content-panel {
  overflow: auto;
  height: calc(100vh - 62px);
  .content-inner {
    margin: 0px auto;
    width: 400px;
  }
}
</style>
